.keyword-analysis {
  background-color: plv(bg-2);
  overflow: hidden;
  box-shadow: plv(box-shadow);

  .keyword-analysis-charts {
    display: flex;

    & > div.keyword-analysis-charts-item {
      flex: 1;
      display: flex;
      flex-direction: column;

      .keyword-analysis-charts-item-title {
        display: flex;
        align-items: center;
        color: plv(text-2);
      }
    }
  }
}

.app-container {
  @include sizeMixin(app-container, ()) {
    .keyword-analysis {
      border-radius: $border-radius;

      .keyword-analysis-charts-item {
        padding: 0 $margin $margin $margin;

        .keyword-analysis-charts-item-title {
          font-size: $font-size;
          line-height: 1.5715;
          padding: $margin 0;

          .pl-icon {
            margin-left: $margin;
          }
        }

        .keyword-analysis-charts-item-data {
          & > span:first-child {
            font-size: 1.6em;
            margin-right: $margin;
          }
        }

        .keyword-analysis-charts-item-el {
          height: 2.5em;
          margin-top: $margin;
        }
      }

      .keyword-analysis-list {
        padding: 0 $margin $margin $margin;
      }
    }

    .keyword-structure {
      position: absolute;
      top: 0;
      left: calc(#{$margin} / 2);
      right: calc(#{$margin} / 2);
      bottom: 0;
      background-color: plv(bg-2);
      border-radius: $border-radius;
      overflow: hidden;
      box-shadow: plv(box-shadow);

      .keyword-structure-el {
        height: 375px;
      }
    }
  }
}

